<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=750,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/header.css">
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
	</head>
	<body>
		<div class="header">
			<div class="headerTop">
				<div class="logo">
					
				</div>
				<div class="search">
					<div class="searicon"></div>
					<input type="text" class="searInput" placeholder="搜索商品名称"  />
				</div>
				<div class="user">
					
				</div>
			</div>
			<div class="headerList">
				<a href="" class="active">推荐</a>
				<a href="">手机</a>
				<a href="">智能</a>
				<a href="">电视</a>
				<a href="">笔记本</a>
				<a href="">家电</a>
				<input type="checkbox" hidden="hidden" name="choose" id="choose" value="" />
				<label for="choose" class="xhicon"></label>
				<div class="xhk">
					<div class="xhkMain">
						<div class="xhkTop">
							全部
						</div>
						<div class="xhkList">
							<a href="" class="active">推荐</a>
							<a href="">手机</a>
							<a href="">智能</a>
							<a href="">电视</a>
							<a href="">笔记本</a>
							<a href="">家电</a>
							<a href="">生活周边</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 轮播 -->
		<div class="swiper"></div>
		
		<!-- 图标列表 -->
		<div class="iconList">
			<a href="" class="iconItem"><img src="img/icon01.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon02.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon03.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon04.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon05.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon06.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon07.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon08.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon09.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon10.png" alt=""></a>
		</div>
		
		<!-- ad banner -->
		<div class="banner">
			<div class="lbanner"></div>
			<div class="rbanner">
				<div class="rtbanner"></div>
				<div class="rbbanner"></div>
			</div>
		</div>
		
		<!-- 每日精选 -->
		<div class="jx">
			<div class="jxad"></div>
			<div class="pdList">
				<div class="pdItem">
					<img src="img/jx01.jpg">
					<div class="title">小米10 Pro</div>
					<div class="brief">骁龙865 / 50倍变焦</div>
					<div class="price">4999</div>
					<div class="buyBtn">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx02.jpg">
					<div class="title">小米10</div>
					<div class="brief">骁龙865/1亿像素相机</div>
					<div class="price">3799</div>
					<div class="buyBtn">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx03.jpg">
					<div class="title">Redmi K30 4G</div>
					<div class="brief">120Hz流速屏，全速热爱</div>
					<div class="price">1399</div>
					<div class="buyBtn">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx04.jpg">
					<div class="title">Redmi K30 5G</div>
					<div class="brief">双模5G，120Hz流速屏</div>
					<div class="price">1599</div>
					<div class="buyBtn">立即购买</div>
				</div>
			</div>
		</div>
		
		<div class="footer">
			<div class="fIcon">
				<i class="fa fa-home" aria-hidden="true"></i>
				<sapn>首页</sapn>
			</div>
			<div class="fIcon">
				<div class="img"></div>
				<sapn>分类</sapn>
			</div>
			<div class="fIcon">
				<div class="img"></div>
				<sapn>购物车</sapn>
			</div>
			<div class="fIcon">
				<div class="img"></div>
				<sapn>我的</sapn>
			</div>
		</div>
	</body>
</html>
